{% extends "polls/base_css.html" %}
{% block title %}
learn css
{% endblock %}

{% block body %}
<div id="container">
  <div id="header">
    <div id="logo">
    </div>
    <div id="menu">
      <ul>
        <li><a href="#">首页</a></li>
        <li class="menudiv"></li>
        <li><a href="#">博客</a></li>
        <li class="menudiv"></li>
        <li><a href="#">分类</a></li>
        <li class="menudiv"></li>
        <li><a href="#">音乐</a></li>
        <li class="menudiv"></li>
        <li><a href="#">关于</a></li>
        <li id="markself">www.example.com</li>
      </ul>
    </div>
  </div>
  <div id="pagebody">
    <div id="sidebar">

    </div>

    <div id="mainbody">
      <form action="{% url 'polls:css_post' %}" method="POST"> {% csrf_token %}
        <input name="username" value="" type="text" /> <br />
        <input name="project" value="english" type="checkbox" />english <br />
        <input name="project" value="computer" type="checkbox" />computer <br />
        <input name="submit" value="confirm" type="submit" />
      </form>

      <p class="warning urgent">When handling pultonium, care must be taken to avoid the formation of a critical mass.</p>
      <p>With pultonium, <span class="warning">the possibility of implosion is very real, and must be avoided at all costs</span>. This can be accomplished by keeping the various masses separate.</p>
      <ol>
        <li>List item 1</li>
        <li>List item 2</li>
        <li>List item 3</li>
      </ol>This is some text that is part of the 'div'.
      <ul>
        <li>A list item.</li>
        <li>Another list item.</li>
        <li>Yet another list item.</li>
      </ul>
      <ul>
        <li>ul li 1</li>
        <li>ul li 2</li>
        <li>ul li 3</li>
      </ul>
      <h1>here is h1</h1>
      <p>brother 1 of h1</p>
      <p>brother 2 of h1</p>

    </div>
  </div>

  <div id="footer">

  </div>

</div>
{% endblock %}